/* css reset */
@charset "utf-8";

*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {position:relative;background:#fff;line-height:1.8;color:#3a3a3a;font-size:14px;font-family:'Microsoft Yahei','微软雅黑','Arial','Helvetica',sans-serif;}
a{color:#2a2c2e;text-decoration:none;}
a:hover{color:#ef4547;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;}
h3{font-size:16px;}
strong{color:#000;}
li{list-style:none;}
blockquote{border-left:4px solid #000;color:#000;margin:1em 0;padding-left:1em;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{height:auto;max-width:100%;display:block;border:0;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #bbb;background:#fff;outline:none;width:100%;color:#464646;padding:8px;-webkit-appearance:none;font-size:14px;font-family:'Microsoft Yahei','微软雅黑','Arial','Helvetica',sans-serif;}
select{-webkit-appearance:menulist;}
textarea{resize:none;overflow-y:auto;display:block;-webkit-appearance:none;}
input[type="radio"]{width:auto;height:auto;-webkit-appearance:radio;}
input[type="checkbox"]{width:auto!important;height:auto!important;-webkit-appearance:checkbox;}
input:focus{border: 1px #d8093a solid!important;}
table td{border:1px solid #ddd;padding:5px 2px;vertical-align:middle;}
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.fle{float:left;}

.c-bule{color: #2194ff;}
.c-green{color: #03b463;}
.c-orange{color: #f77c04;}
.c-red{color: #f05a5b;}
.c-yello{color: #ffb31f;}
.c-black{color: #111;}
.c-purple{color: #9f33f5;}


.grad{
  background: -webkit-linear-gradient(left, #d7063a , #ea6143);
  background: -o-linear-gradient(right, #d7063a, #ea6143);
  background: -moz-linear-gradient(right, #d7063a, #ea6143);
  background: linear-gradient(to right, #d7063a , #ea6143);
}

.grad1{
  background: -webkit-linear-gradient(30deg, #0072ff , #00c6ff);
  background: -o-linear-gradient(30deg, #0072ff, #00c6ff);
  background: -moz-linear-gradient(30deg, #0072ff, #00c6ff);
  background: linear-gradient(30deg, #0072ff , #00c6ff);
}

.grad2{
    background: -webkit-linear-gradient(30deg, #8929eb , #ae39fc);
    background: -o-linear-gradient(30deg, #8929eb, #ae39fc);
    background: -moz-linear-gradient(30deg, #8929eb, #ae39fc);
    background: linear-gradient(30deg, #8929eb , #ae39fc);
}
.visbycf{font-family: 'VisbyCF';}
@font-face {
  font-family: 'VisbyCF';   
  src: url('../font/VisbyCF-Bold.otf');  
}


.sprite{background: url(../images/sprite.png) center center no-repeat;background-size: 300px 180px;}

/* animate */
.am{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}

/* col public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;}
ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;}
ul.col-2 li{width:49%;}
ul.col-3 li{width:32%;}
ul.col-4 li{width:23.5%;}
ul.col-5 li{width:18.4%;}
ul.col-6 li{width:15%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}


.webpage{background: #f4f5f6;}

.box-style1{background: #fff;padding: 20px 20px 0 20px;}
.box-style2{}

/* header */
.banner{position: relative;}
.banner ul.slidese li{border-radius: 12px;}
.banner ul.slidese li img{}
.banner .flex-control-nav{z-index: 10;}
.banner .flex-control-nav li{margin: 0 2px;}
.banner .flex-control-paging li a{width: 7px;height: 7px;background: rgba(255,255,255,.6);border: 1px transparent solid;}
.banner .flex-control-nav{bottom: 0px;}


/* topnav */
.topnav{padding: 20px 0;background: #fff;}
.topnav ul.eachnav li{width: 25%;text-align: center;}
.topnav ul.eachnav li i{font-size: 25px;color: #fff;}
.topnav ul.eachnav li .iconbj{display: block;width: 50px;height: 50px;padding-top: 3px;margin: 0 auto;background: pink;border-radius: 10px;}
.topnav ul.eachnav li p{padding-top: 8px;font-size: 12px;color: #999;}
.topnav ul.eachnav li.each-subnav0 .iconbj{background: #2da9f8;}
.topnav ul.eachnav li.each-subnav1 .iconbj{background: #fb9245;}
.topnav ul.eachnav li.each-subnav2 .iconbj{background: #c464fc;}
.topnav ul.eachnav li.each-subnav3 .iconbj{background: #7964fc;}


/* notification */
.notification{padding: 10px 20px;background: #fff;border-top: 1px #f4f5f6 solid;}
.notification i{font-size: 16px;color: #ef4547;}
.notification p{font-size: 12px;color: #111;}
.notification .message{display: block;width: 100%;padding-top: 4px;}
.notification .message ul{padding-left: 23px;}
.notification .message i{position: absolute;top: -2px;left: 0;}
.notification .message .message-list{position: relative;height: 15px;overflow: hidden;}
.notification .message .message-list ul{position: relative;top: 0;left: 0;}
.notification .message .message-list ul li{line-height: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notification .message .message-list ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notification .message .message-list ul li span{font-size: 12px;color: #999;}
a.more{display: block;font-size: 12px;color: #999;}
a.more:before{content: '';position: absolute;top: 5px;left: -15px;width: 1px;height: 12px;background: #e3e3e3;}

/* news */
.news{margin-top: 20px;}
.module-top h3{font-size: 16px;color: #111;}
.news-list ul li{padding: 20px 0;border-bottom: 1px #f4f5f6 solid;opacity: 0;}
.news-list ul li .pic{width: 45%}
.news-list ul li .pic .pic-img{background-size: cover;border-radius: 10px;}
.news-list ul li .text{width: 50%}
.news-list ul li .text h3{font-size: 14px;color: #111;}
.news-list ul li .text p{font-size: 12px;color: #999;}

/*news-view*/
.news-view{padding: 30px 20px;background: #fff;}
.news-view h1.title{font-size: 18px;color: #111;line-height: 1.8;}
.news-view .date{padding-top: 20px;}
.news-view .date span{font-size: 14px;color: #999;}
.news-view .date .releaseTime{padding-right: 40px;}
.return{padding-top: 30px;text-align: center;}
.return a{display: inline-block;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 0px 12px #ed3a48;}
.return a i{display: block;line-height: 50px;color: #fff;}

/*promotions*/
.promotions{margin-top: 10px;}
.promotions-list{padding-top: 20px;}
ul.li-list-a li{width: 47%;margin-right: 6%;margin-bottom: 20px;}
ul.li-list-a li:nth-child(2n+2){margin-right: 0;}
ul.li-list-a li .pic-img{background-size: cover;border-radius: 10px;}
ul.li-list-a li p{padding-top: 4px;font-size: 14px;color: #333;text-align: center;}

/*gotop*/
.gotop{background: #fff;text-align: center;padding: 20px 0 90px 0;}
.gotop p{font-size: 14px;color: #c6c6c6;cursor: default;}

/*bottom-navigation*/
.bottom-navigation{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;background: #fff;box-shadow: 0px -8px 12px rgba(238,238,238,.6);}
.bottom-navigation ul li{width: 33.33%;padding-bottom: 4px;text-align: center;}
.bottom-navigation ul li i{display: block;height: 32px;font-size: 22px;color: #999;}
.bottom-navigation ul li p{font-size: 12px;color: #999;}
.bottom-navigation ul li.active i,.bottom-navigation ul li.active p{color: #ef4547;}


/* page-news */
.page-news,.page-inquiry{padding: 20px 20px 0 20px;background: #fff;}
.search{position: relative;}
.search input{padding-left: 20px;background: #f4f5f6;color: #c4c4c4;border: 1px #f4f5f6 solid;border-radius: 20px;}
.search button{position: absolute;top: 6px;right: 16px;background: transparent;border: none;}
.search button i{font-size: 20px;color: #666;}
.range_backdrop{padding: 20px 0;}
.range_backdrop a{display: block;width: 25%;text-align: center;font-size: 14px;color: #111;}
.range_backdrop a.active{position: relative;color: #ef4547;}
.range_backdrop a.active:after{content: '';position: absolute;bottom: -8px;left: 50%;width: 25px;height: 4px;margin-left: -12px;background: #ef4547;border-radius: 2px;}

.swiper-slide{ height:1px !important;}
.swiper-slide.swiper-slide-active{ height:auto !important;}


/*page-personalCenter*/
.page-personalCenter{background: #fff;}
.page-personalCenter .pic_bj{width: 70%;margin: 0 auto;text-align: center;}
.page-personalCenter .pic_bj img{padding: 30px 0 50px 0;}
.page-personalCenter .pic_bj a{display: inline-block;padding: 10px 36px;border-radius: 30px;font-size: 14px;color: #fff;}
.page-personalCenter .pic_bj p{padding-top: 20px;font-size: 12px;color: #999;}


/*page-userBinding*/
.page-userBinding{background: #fff;text-align: center;}
.page-userBinding .top{width: 70%;margin: 0 auto;}
.page-userBinding .top img{width: 120px;padding-top: 100px;margin: 0 auto;}
.page-userBinding .top p{padding: 10px 0 50px 0;font-size: 12px;color: #999;}
.page-userBinding ._form{width: 80%;margin: 0 auto;padding-bottom: 40px;}
.page-userBinding ._form .input-item{position: relative;margin-bottom: 18px;}
.page-userBinding ._form input{padding-left: 18px;border: 1px #e3e3e3 solid;border-radius: 20px;}
.page-userBinding ._form input.i-phone{padding-left: 48px;}
.page-userBinding ._form .input-item i{position: absolute;top: 50%;left: 18px;margin-top: -18px;font-size: 20px;color: #666;}
.page-userBinding ._form .input-item .getcode{position: absolute;top: 0;right: 0;width: 40%;padding-left: 8px;color: #fff;border: 1px transparent solid;}
.page-userBinding ._form button{width: 100%;padding: 10px 0;margin-top: 16px;border: none;border-radius: 20px;color: #fff;}
.page-userBinding ._form p{padding: 16px 0 40px 0;font-size: 12px;color: #999;}
.page-userBinding ._form a{display: inline-block;padding: 10px 30px;border: 1px #e3e3e3 solid;border-radius: 30px;font-size: 14px;color: #c1c1c1;}

/*personalCenterNormal*/
.personalCenterNormal .top{padding-top: 30px;background: url(../images/personalCenter-bj.jpg) center center no-repeat;background-size: cover;text-align: center;}
.personalCenterNormal .top .avatar{margin: 0 auto;}
.personalCenterNormal .top p.name{padding-top: 10px;font-size: 18px;color: #fff;}
.personalCenterNormal .top p.info{font-size: 14px;color: rgba(255,255,255,.5);}
.personalCenterNormal .detailed{padding: 10px 0 10px 20px;margin-top: 20px;background: #fb5356;color: #bc2d30;}
.personalCenterNormal ul.having{background: #fff;}
.personalCenterNormal ul.having li{width: 33.33%;padding: 10px 0;text-align: center;}
.personalCenterNormal ul.having li p.numb{font-size: 24px;color: #ef4547;line-height: 1;}
.personalCenterNormal ul.having li p.category{padding-top: 6px;font-size: 12px;color: #999;}
.personalCenterNormal .category-detailed{padding: 20px 20px 80px 20px;margin-top: 10px;background: #fff;}
.personalCenterNormal .category-detailed ul.all-items li.item{padding-bottom: 10px;border-bottom: 1px #f4f5f6 solid;opacity: 0;}
.personalCenterNormal .category-detailed ._top{position: relative;padding: 10px 0;}
.personalCenterNormal .category-detailed ._top .avatar{position: absolute;top: 10px;left: 0;}
.personalCenterNormal .category-detailed ._top .text{padding: 5px 60px;}
.personalCenterNormal .category-detailed ._top .text h3.title{font-size: 14px;color: #333;}
.personalCenterNormal .category-detailed ._top .text p.subtitle{font-size: 12px;color: #999}
.personalCenterNormal .category-detailed ._top i{position: absolute;top: 20px;right: 2px;}
.personalCenterNormal .category-detailed ._bottom ul li{width: 40%;border-right: 1px #f4f5f6 solid;text-align: center;font-size: 12px;color: #999}
.personalCenterNormal .category-detailed ._bottom ul li:last-child{border: none;}
.personalCenterNormal .category-detailed ._bottom ul li span{margin-left: 10px;}
.personalCenterNormal .category-detailed ._bottom ul li.category0{width: 30%}
.personalCenterNormal .category-detailed ._bottom ul li.category2{width: 30%}

/*personalCenterView*/
.personalCenterView ._top{padding: 20px 20px 80px 20px;background: url(../images/personalCenterView-bj.jpg) center center no-repeat;background-size: cover;}
.personalCenterView ._top .avatar{margin-right: 20px;}
.personalCenterView ._top .text{color: #fff}
.personalCenterView ._top .text h3.title{font-size: 18px;line-height: 1.8;}
.personalCenterView ._top .text p.subtitle{font-size: 12px;}
.personalCenterView ._bottom{position: relative;top: -50px;padding: 0 20px 60px 20px;}
.personalCenterView ._bottom ul.tubiao li.item{opacity: 0;}
.personalCenterView ._bottom ul > li{padding: 20px;margin-bottom: 10px;background: #fff;border-radius: 10px;}
.personalCenterView ._bottom ul li .top p.text{font-size: 16px;color: #111;}
.personalCenterView ._bottom ul li .top ._other{padding-right: 14px;font-size: 12px;color: #999;}
.personalCenterView ._bottom ul li .top ._other span{margin-left: 10px;}
.personalCenterView ._bottom ul li .top ._other i{position: absolute;top: 4px;right: 0;display: inline-block;width: 13px;height: 13px;background-position: 0 0;}
.personalCenterView ._bottom ul li .bottom ol li{width: 50%;padding: 22px 0 22px 15px;border-right: 1px #f4f5f6 solid;border-bottom: 1px #f4f5f6 solid}
.personalCenterView ._bottom ul li .bottom ol li:nth-child(2n+2){border-right: none;}
.personalCenterView ._bottom ul li .bottom ol li:nth-child(3),.personalCenterView ._bottom ul li .bottom ol li:nth-child(4){border-bottom: none;}
.personalCenterView ._bottom ul li .bottom ol li .tips{position: relative;padding-left: 24px;padding-bottom: 5px;}
.personalCenterView ._bottom ul li .bottom ol li .tips i.sprite{position: absolute;top: 0;left: 0;display: inline-block;width: 18.5px;height: 18.5px;background-position-y: -13px;}
.personalCenterView ._bottom ul li .bottom ol li .tips i.sprite0{background-position-x: 0px;}
.personalCenterView ._bottom ul li .bottom ol li .tips i.sprite1{background-position-x: -18.5px;}
.personalCenterView ._bottom ul li .bottom ol li .tips i.sprite2{background-position-x: -37px;}
.personalCenterView ._bottom ul li .bottom ol li .tips i.sprite3{background-position-x: -55.5px;}
.personalCenterView ._bottom ul li .bottom ol li .tips p{font-size: 12px;color: #999;}
.personalCenterView ._bottom ul li .bottom ol li .tips i.iconfont{position: absolute;top: 0;left: 100px;font-size: 10px;color: #999;}
.personalCenterView ._bottom ul li .bottom ol li p{font-size: 15px;color: #333;}
.personalCenterView ._bottom ul li .bottom ol li p span{display: inline-block;padding-left: 4px;font-size: 40px;line-height: 0;color: red;}
.personalCenterView ._bottom ul li.trafficAnalysis ._other span.link{display: inline-block;width: 20px;height: 6px;margin-right: 6px;background: #1b8ff0;border-radius: 3px;}
.personalCenterView ._bottom ul li.accessAnalysis .top{padding-bottom: 10px;}

/*page-inquiry*/
.inquiry-list ul.lists{padding-top: 20px;}
.inquiry-list ul.lists li.item{padding: 10px 0;border-bottom: 1px #f4f5f6 solid;opacity: 0;}
.inquiry-list ul li .text{position: relative;padding-left: 52px;}
.inquiry-list ul li .text .avatar{position: absolute;top: 0;left: 0;}
.inquiry-list ul li .text .type,.inquiry-list ul li .text .date,.inquiry-list ul li .text .content{margin-bottom: 4px;font-size: 12px;color: #666;}
.inquiry-list ul li .details{padding-left: 52px;margin-top: 10px;}
.inquiry-list ul li .details .name{margin-right: 22px;}
.inquiry-list ul li .details i{font-size: 14px;}
.inquiry-list ul li .details span{font-size: 12px;color: #666;}

/*page-service*/
.page-service .all-service{}
.page-service .all-service ul li{position: relative;padding: 15px 0;border-bottom: 1px #f4f5f6 solid;opacity: 0;}
.page-service .all-service ul li i.sprite{position: absolute;top: 50%;left: 0;display: block;width: 38.5px;height: 38.5px;margin-top: -20px;background-position-y: -31.5px;}
.page-service .all-service ul li.item0 i.sprite{background-position-x: 0px;}
.page-service .all-service ul li.item1 i.sprite{background-position-x: -38.5px;}
.page-service .all-service ul li.item2 i.sprite{background-position-x: -77px;}
.page-service .all-service ul li.item3 i.sprite{background-position-x: -115.5px;}
.page-service .all-service ul li.item4 i.sprite{background-position-x: -154px;}
.page-service .all-service ul li.item5 i.sprite{background-position-x: -192.5px;}
.page-service .all-service ul li .text{padding-left: 50px;}
.page-service .all-service ul li .text h3.title{padding-bottom: 4px;font-size: 14px;color: #333;}
.page-service .all-service ul li .text p.text2{font-size: 12px;color: #999;}
.page-service .all-service ul li i.iconfont{position: absolute;top: 15px;right: 0;font-size: 13px;color: #e3e3e3;}
.page-service .all-service .return{padding-bottom: 30px;}

/* websiteBuilding */
._style0{padding: 20px;background: #0a79fe;}
.websiteBuilding i.circle{display: block;border-radius: 50%;box-shadow: 2px 2px 7px rgba(0,198,255,.6)}
._style0 i.ring{display: block;background: url(../images/ring.png) center center no-repeat;background-size: cover;}

.websiteBuilding i.big-c{width: 29px;height: 29px;}
.websiteBuilding i.small-c{width: 13px;height: 13px;}
.websiteBuilding img.logo{width: 18%!important;}
.websiteBuilding .module1{position: relative;padding-top: 80px;background: #fff;border-radius: 5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.websiteBuilding .module1 img{width: 100%}
.websiteBuilding .module1 img.logo{position: absolute;top: 20px;right: 20px;}
.websiteBuilding .module1 i.big-c{position: absolute;top: 15px;left: 10px;}
.websiteBuilding .module1 i.small-c1{position: absolute;top: 4px;left: 50px;z-index: 999;}
.websiteBuilding .module1 i.small-c2{position: absolute;bottom: -36px;right: 24px;z-index: 999;}
.websiteBuilding .module1 i.ring{position: absolute;bottom: -20px;right: 10px;width: 60px;height: 60px;z-index: 999;}
.websiteBuilding .module1 .text{position: relative;;text-align: center;}
.websiteBuilding .module1 .text img{margin: 0 auto;}
.websiteBuilding .module1 .text img.pic-1{width: 50%;padding-bottom: 20px;}
.websiteBuilding .module1 .text img.pic-2{width: 76%;padding-bottom: 30px;}
.websiteBuilding .module1 .text a{display: inline-block;padding: 10px 36px;font-size: 12px;color: #fff;border-radius: 20px;}

.websiteBuilding .module2{position: relative;padding: 16% 20px 20px 20px;background: #fff;border-radius: 5px;box-shadow: 0 3px 8px #333;}
.websiteBuilding .module2 img{width: 100%;}
.websiteBuilding .module2 .pic-1{position: absolute;top: -25px;left: 50%;width: 90%;margin-left: -45%;}
.websiteBuilding .module2 .pic-2{padding-bottom: 30px;border-bottom: 1px #f2f2f2 solid;}
.websiteBuilding .module2 p{width: 90%;padding-top: 14px;margin: 0 auto;text-align: center;font-size: 13px;color: #559ded;}
.websiteBuilding .module2 i.ring {position: absolute;bottom: -30px;left: -30px;width: 60px;height: 60px;z-index: 1;}
 @media screen and (max-width: 768px) {
     .websiteBuilding .module2 .pic-1{top: -54px;}
 }
 @media screen and (max-width: 667px) {
     .websiteBuilding .module2 .pic-1{top: -46px;}
 }
 @media screen and (max-width: 375px) {
     .websiteBuilding .module2 .pic-1{top: -26px;}
 }

.websiteBuilding .module3{position: relative;padding-top: 60px;}
.websiteBuilding .module3 img.pic-1,.module4 img.pic-1{width: 85%;padding-bottom: 10px;margin: 0 auto;}
.websiteBuilding .module3 p.title,.module4 p.title{font-size: 12px;color: #7cbeff;text-align: center;}
.websiteBuilding .module3 .text{padding: 10px 24px 20px 24px;margin: 20px 0;border-radius: 10px;background: #2385fe;color: #b2d9ff;text-align: center;}
.websiteBuilding .module3 ul.advantage-B-1 li{padding: 18px 18px 30px 18px;margin-bottom: 10px;background: #fff;border-radius: 10px;}
.websiteBuilding .module3 ul.advantage-B-1 li .pic{position: relative;}
.websiteBuilding .module3 ul.advantage-B-1 li .pic h3{padding-left: 60px;font-size: 16px;line-height: 3;}
.websiteBuilding .module3 ul.advantage-B-1 li .pic i.sprite{position: absolute;top: 0;left: 0;display: inline-block;width: 45px;height: 45px;background-position-y:-70px;}
.websiteBuilding .module3 ul.advantage-B-1 li p{padding-top: 6px;font-size: 13px;color: #666;}
.websiteBuilding .module3 ul.advantage-B-1 li.item0 i.sprite{background-position-x: 0;}
.websiteBuilding .module3 ul.advantage-B-1 li.item1 i.sprite{background-position-x: -45px;}
.websiteBuilding .module3 ul.advantage-B-1 li.item2 i.sprite{background-position-x: -90px;}
.websiteBuilding .module3 ul.advantage-B-1 li.item3 i.sprite{background-position-x: -135px;}
.websiteBuilding .module3 i.small-c1{position: absolute;top: 40px;right: -20px;}

.websiteBuilding .module4{position: relative;padding-top: 40px;}
.websiteBuilding .module4 img.pic-1{position: relative;z-index: 999;}
.websiteBuilding .module4 ul{padding-top: 20px}
.websiteBuilding .module4 ul li{position: relative;padding: 20px 20px 20px 120px;margin-bottom: 10px;background: #1a80ff;border-radius: 10px;}
.websiteBuilding .module4 ul li i.sprite{position: absolute;top: 50%;left: 20px;display: block;width: 74px;height: 60px;margin-top: -30px;background-position-y: -115px;}
.websiteBuilding .module4 ul li .text{padding-left: 12px;border-left: 1px #328dff solid;}
.websiteBuilding .module4 ul li .text p{font-size: 12px;color: #86c2fe;}
.websiteBuilding .module4 ul li .text p span{margin-right: 6px;font-size: 16px;color: #fff;font-weight: 700;}
.websiteBuilding .module4 ul li .text p span:last-child{margin-left: 12px}
.websiteBuilding .module4 ul li.item0 i.sprite{background-position-x: 0;}
.websiteBuilding .module4 ul li.item1 i.sprite{background-position-x: -74px;}
.websiteBuilding .module4 ul li.item2 i.sprite{background-position-x: -148px;}
.websiteBuilding .module4 i.ring{width: 60px;height: 60px;}
.websiteBuilding .module4 i.ring1{position: absolute;top: 6px;right: 0px;}
.websiteBuilding .module4 i.ring2{position: absolute;bottom: -20px;left: -42px;z-index: 999;}

.websiteBuilding .module5{padding-top: 40px;}
.websiteBuilding .module5 h3{padding-bottom: 30px;font-size: 16px;color: #afd7ff;text-align: center;}

.websiteBuilding .module7{padding-top: 40px;}
.websiteBuilding .module7 img{width: 70%;padding-bottom: 20px;margin: 0 auto;}
.websiteBuilding .module7 .promotions-list{background: #fff;padding: 10px;border-radius: 10px;}
.websiteBuilding .module7 .promotions-list ul.li-list-a li{margin-bottom: 0;margin-top: 20px;}
.websiteBuilding .module7 .promotions-list ul.li-list-a li:nth-child(1),.module7 .promotions-list ul.li-list-a li:nth-child(2){margin-top: 0;}

.websiteBuilding .module8{position: relative;padding-bottom: 30px;text-align: center;}
.websiteBuilding .module8 img{width: 80%;margin: 0 auto;padding-top: 50px;}
.websiteBuilding .module8 p{position: absolute;bottom: 30px;left:  50%;margin-left: -159px;font-size: 12px;color:  rgba(255,255,255,.4)}


._style1{padding: 20px;background: -webkit-linear-gradient(180deg, #d7063a , #ea6143);background: -o-linear-gradient(180deg, #d7063a, #ea6143);background: -moz-linear-gradient(180deg, #d7063a, #ea6143);background: linear-gradient(180deg, #d7063a , #ea6143);}
._style1 i.circle{box-shadow: 2px 2px 7px rgba(235,52,69,.6);}
._style1 i.ring{display: block;background: url(../images/ring-2.png) center center no-repeat;background-size: cover;}
._style1 .module2 p{color: #ff6779;}
._style1 .module3 p.title,._style1 .module4 p.title{color: #fd8997;}
._style1 .module3 .text{background: #ed485c;color: #fcbac2;}
._style1 .module4 ul li{background: #f56d56;}
._style1 .module4 ul li .text p{color: #fec8cd;}
._style1 .module5 h3{color: #fec8cd;}

._style2{padding: 20px;background: -webkit-linear-gradient(180deg, #ae39fc , #8929eb);background: -o-linear-gradient(180deg, #ae39fc, #8929eb);background: -moz-linear-gradient(180deg, #ae39fc, #8929eb);background: linear-gradient(180deg, #ae39fc , #8929eb);}
._style2 i.circle{box-shadow: 2px 2px 7px rgba(137,41,235,.6);}
._style2 i.ring{display: block;background: url(../images/ring-3.png) center center no-repeat;background-size: cover;}
._style2 .module2 p{color: #c667ff;}
._style2 .module3 p.title,._style2 .module4 p.title{color: #d396ff;}
._style2 .module3 .text{background: #b54dfc;color: #eed6ff;}
._style2 .module4 ul li{background: #9740ed;}
._style2 .module4 ul li .text p{color: #d396ff;}
._style2 .module5 h3{color: #e4c7fd;}